<template>
  <div class="wrapper">
    <img v-if="image" src = "../../common/image/default.png" width="40" height="40">
    <p>{{ text }}</p>
  </div>
</template>

<script>
    export default {
        name: "Loading",
        props: {
            text: {
                type: String,
                default: 'loading...'
            },
            image: {
                type: Boolean,
                default: true
            }
        }
    }
</script>

<style scoped lang="stylus">
  @import "~common/stylus/variable"
 .wrapper
    text-align center
    img
      border-radius 50%
    p
      margin-left 15px
      color $color-text-ll
      font-size $font-size-medium
</style>
